<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>主页</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="lib/toastr/toastr.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body class="app sidebar-mini">

<!--导航栏-->
<header class="app-header">
    <a class="app-header__logo" href="">M+S</a>
    <!--侧边栏切换按钮-->
    <a class="app-sidebar__toggle" href="#" data-toggle="sidebar" aria-label="Hide Sidebar"></a>
    <!--导航栏右菜单-->
    <ul class="app-nav">
        <li class="app-search">
            <input class="app-search__input" type="search" placeholder="Search">
            <button class="app-search__button"><i class="fa fa-search"></i></button>
        </li>
        <!--通知菜单-->
        <li class="dropdown">
            <a class="app-nav__item" href="#" data-toggle="dropdown"><i class="fa fa-bell-o fa-lg"></i></a>
            <ul class="app-notification dropdown-menu dropdown-menu-right">
                <li class="app-notification__title">您有4条新消息</li>
                <div class="app-notification__content">
                    <li>
                        <a class="app-notification__item" href="javascript:;">
                            <span class="app-notification__icon">
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x text-primary"></i>
                                    <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
                                </span>
                            </span>
                            <div>
                                <p class="app-notification__message">蛋蛋给你发了封信</p>
                                <p class="app-notification__meta">2分钟前</p>
                            </div>
                        </a>
                    </li>
                </div>
                <li class="app-notification__footer"><a href="#">查看所有消息</a></li>
            </ul>
        </li>
        <!--用户菜单-->
        <li class="dropdown">
            <a class="app-nav__item" href="#" data-toggle="dropdown"><i class="fa fa-user fa-lg"></i></a>
            <ul class="dropdown-menu settings-menu dropdown-menu-right">
                <li><a class="dropdown-item" target="app-iframe" href="profile.html"><i class="fa fa-user"></i> 个人资料</a>
                </li>
                <li><a class="dropdown-item" target="app-iframe" href="password.html"><i class="fa fa-lock"></i>
                    修改密码</a></li>
                <li><a class="dropdown-item" href="login.html"><i class="fa fa-sign-out"></i> 退出登录</a></li>
            </ul>
        </li>
    </ul>
</header>

<!--侧边栏菜单-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
    <div class="app-sidebar__user">
        <img class="app-sidebar__user-avatar" src="images/avatar.jpg" alt="">
        <div>
            <p class="app-sidebar__user-name">root</p>
            <p class="app-sidebar__user-designation">欢迎您!</p>
        </div>
    </div>
    <ul class="app-menu">
        <li>
            <a class="app-menu__item" target="app-iframe" href="welcome.html">
                <i class="app-menu__icon fa fa-dashboard"></i>
                <span class="app-menu__label">首页</span>
            </a>
        </li>
        <li class="treeview is-expanded">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-database"></i>
                <span class="app-menu__label">商品管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" target="app-iframe" href="goods_list.html"><i class="icon fa fa-bars"></i>
                    商品列表</a></li>
                <li><a class="treeview-item" target="app-iframe" href="dishesCat_list.html"><i
                        class="icon fa fa-hand-paper-o"></i> 求购中心</a></li>
            </ul>
        </li>
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-sliders"></i>
                <span class="app-menu__label">分类管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" target="app-iframe" href="levelone_list.html"><i
                        class="icon fa fa-navicon"></i> 一级分类</a></li>
                <li><a class="treeview-item" target="app-iframe" href="leveltwo_list.html"><i
                        class="icon fa fa-tasks"></i> 二级分类</a></li>
            </ul>
        </li>
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-shopping-bag"></i>
                <span class="app-menu__label">订单管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li>
                    <a class="treeview-item" target="app-iframe" href="order_list.html?ispay=1">
                        <i class="icon fa fa-wpforms"></i> 已支付订单
                    </a>
                </li>
                <li>
                    <a class="treeview-item" target="app-iframe" href="order_list.html?isconfirm=1">
                        <i class="icon fa fa-wpforms"></i> 已确认订单
                    </a>
                </li>
                <li>
                    <a class="treeview-item" target="app-iframe" href="order_list.html?issend=1">
                        <i class="icon fa fa-wpforms"></i> 已发货订单
                    </a>
                </li>
                <li>
                    <a class="treeview-item" target="app-iframe" href="order_list.html?isreceive=1">
                        <i class="icon fa fa-wpforms"></i> 已签收订单
                    </a>
                </li>
                <li>
                    <a class="treeview-item" target="app-iframe" href="order_list.html?isfinish=1">
                        <i class="icon fa fa-wpforms"></i> 已完成订单
                    </a>
                </li>
            </ul>
        </li>
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-user-o"></i>
                <span class="app-menu__label">用户管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" target="app-iframe" href="door_list.html"><i class="icon fa fa-user-o"></i>
                    用户列表</a></li>
                <li><a class="treeview-item" target="app-iframe" href="order_list.html"><i
                        class="icon fa fa-user-md"></i> 管理员列表</a></li>
            </ul>
        </li>
        <li class="treeview">
            <a class="app-menu__item" href="#" data-toggle="treeview">
                <i class="app-menu__icon fa fa-cog"></i>
                <span class="app-menu__label">系统管理</span>
                <i class="treeview-indicator fa fa-angle-right"></i>
            </a>
            <ul class="treeview-menu">
                <li><a class="treeview-item" target="app-iframe" href="404.html"><i class="icon fa fa-building-o"></i>
                    学校管理</a></li>
                <li><a class="treeview-item" target="app-iframe" href="404.html"><i class="icon fa fa-comment-o"></i>
                    评论管理</a></li>
                <li><a class="treeview-item" target="app-iframe" href="404.html"><i class="icon fa fa-group"></i>
                    角色管理</a></li>
                <li><a class="treeview-item" target="app-iframe" href="404.html"><i class="icon fa fa-file-o"></i> 日志管理</a>
                </li>
            </ul>
        </li>
    </ul>
</aside>

<!--主要内容-->
<main class="app-content">
    <iframe class="app-iframe" name="app-iframe" src="welcome.html"></iframe>
</main>

<!-- Essential javascripts for application to work-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Page specific javascripts-->
<script src="lib/layer/layer.js"></script>
<script src="lib/toastr/toastr.min.js"></script>
<script>
    $("[target=app-iframe]").click(function () {
        let loading = layer.load(0, {shade: false});
        $(".app-iframe").on("load", function () {
            layer.close(loading);
        });
    });
</script>

</body>
</html>